{% extends "global/Page.html" %}
{{ block title }}

{{ endblock }}


{{ block content }}
<style>
    label.btn.btn-default.btn-secondary.active {
        background: yellow;
        color: black;
    }

</style>
<script src="{{ static 'global/js/survey.jquery.min.js'}}"></script>
<script src="{{ static 'global/js/showdown.min.js'}}"></script>

<div id="surveyElement" style="display:inline-block;width:100%;"></div>
<div id="surveyResult"></div>
<input type="hidden" id="surveyholder" name="surveyholder">
<script>
    Survey.defaultBootstrapCss.navigationButton = "btn-primary btn-lg";
    Survey
        .StylesManager
        .applyTheme("bootstrap");

    var json = {showCompletedPage:false,
        questions: [
            {
                hideNumber: true,
                "type": "matrixdropdown",
                "name": "scs",
                  "titleLocation": "hidden",

                "columns": [
                    {
                        name: "scs",
                        title: 'Для каждого утверждения выберите значение от 1 до 7, где 1 означает "Совсем не описывает меня", а 7 означает "Полностью описывает меня".',
                        cellType: "rating",
                        "rateMin": 1,
                        "rateMax": 7,
                        isRequired: true,
                        requiredErrorText: {{ Constants.REQUIRED_MSG|json }},
                    },
                ],
                "rows": [
                    {value: "scs_habits", text: 'Мне нравится узнавать о привычках других людей'},
                    {value: "scs_why", text: 'Мне нравится узнавать, почему люди ведут себя так, а не иначе'},
                    {value: "scs_conversation", text: "Когда другие люди ведут разговор, мне нравится узнавать, о чем он."},
                    {value: "scs_listening", text: 'Находясь рядом с другими людьми, я люблю слушать их разговоры'},
                    {value: "scs_quarrel", text: "Когда люди ссорятся, мне нравится знать, что происходит."},


                ]
            }
        ],
        "completeText": "{{ Constants.NEXT_BTN }}"
    };

    window.survey = new Survey.Model(json);

    survey
        .onComplete
        .add(function (sender) {
            document
            $('#surveyholder').val(JSON.stringify(sender.data, null, 3))
            $('#form').submit()
            ;
        });

    $("#surveyElement").Survey({model: survey});
    ;
</script>


{{ endblock }}
